<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      http-equiv="X-UA-Compatible"
      content="IE=edge"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />
    <title><?php echo $hometitle?></title>
    <meta
      name="keywords"
      content="<?php echo $conf['keywords'] ?>"
    />
    <meta
      name="description"
      content="<?php echo $conf['description'] ?>"
    />
    <!--css依赖-->
    <link
      rel="stylesheet"
      href="./assets/yunjii/m1.css"
    />
    <link
      rel="stylesheet"
      href="./assets/yunjii/m2.css"
    />
    <link
      rel="stylesheet"
      href="./assets/yunjii/m3.css"
    />
    <link
      rel="stylesheet"
      href="./assets/yunjii/m4.css"
    />
    <link
      rel="stylesheet"
      href="./assets/yunjii/m5.css"
    />
    <link
      rel="stylesheet"
      href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/MaterialDesign-Webfont/5.0.45/css/materialdesignicons.css"
    />

    <link
      rel="stylesheet"
      href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/MaterialDesign-Webfont/6.5.95/css/materialdesignicons.css"
    />
    <link
      rel="stylesheet"
      href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/OwlCarousel2/2.3.4/assets/owl.carousel.css"
    />
    <link
      rel="stylesheet"
      href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/OwlCarousel2/2.3.4/assets/owl.theme.default.css"
    />
    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/layer/3.5.1/layer.js"></script>
  </head>
  <body>
<div id="main-wrapper">

            <div id="app2" class="content-body">
                <div class="w-100 header">
                    <a class="back" href="javascript:history.go(-1)">
                        <img src="" class="hide_left">
                    </a>
                    订单查询
                </div>
                <div class="order-banner">
                    <div class="container">
                        <div class="row pl-2 pr-2" style="background: #3352f5;">
                            <div class="col-md-12 title pt-3 pb-3">
                                <h5 class="text-white"> <img src="" alt="">轻松查询订单,保障您的消费权益</h5>
                            </div>
                        </div>

                        <div class="order-search">
                            <div class="order-search-box">
                                <div class="item">
                                    <div class="btn active">订单查询</div>
                                </div>
                                <div class="p1">
                                    订单号可在支付记录详情页查看
                                </div>
                                <div class="item">
                                 
                                        <div class="search-icon"><i class="bx bx-search"></i></div>
                                        <div class="input-group">
                                            <input v-model="user_val"  type="text" placeholder="请输入下单联系方式" class="form-control" autocomplete="off">
                             
                                            <div class="input-group-append"><button class="btn active" @click="Query_order(user_val)">订单查询</button></div>
                                        </div>
                      
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="container mt-80">
                    <div class="row justify-content-center">
                        <div class="col-12">
                            <div class="section-title text-center mb-4 pb-2">
                                <!-- Card Start -->
                                <div class="component-wrapper rounded shadow" style="font-size: 12.5px;">

                                    <div class="p-4">
                <div class="row projects-wrapper">  
                            <div v-for="item in list" :key="item.id" class="col-lg-4 col-md-6 col-12 mt-4 pt-2 business">
                                <div class="card blog border-0 work-container work-classic shadow rounded-md overflow-hidden">
                                    <div class="card-body p-3">
                                        <div class="content">
                                            <a :href=`?mod=kminfo&id=${item.id}&skey=${item.skey}&value=${item.value}` class="badge badge-primary"> {{item.id}}</a>
                                            <h5 class="mt-3"><a   :href=`?mod=kminfo&id=${item.id}&skey=${item.skey}&value=${item.value}` class="text-dark title"> {{item.name}} </a></h5>
                                            <p class="text-muted mb-0">{{item.addtime}}<a :href=`?mod=kminfo&id=${item.id}&skey=${item.skey}&value=${item.value}` class="text-primary h6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right fea icon-sm"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <p class="mb-1"><img class="mianze_tips_img" src="" alt=""><span class="left_tips">免责声明</span></p>
                            <p class="text-muted right_tips">平台为次日结算，款项结算给商户后所出现的售后问题请自行与卖家协商。<br>防骗提示：平台为24点解冻卖家资金，卡密有问题的请在24点前点击订单投诉，否则我们将打款给卖家、或避开24点前选择00:01后购买卡密防止被骗！</p>
                        </div>
                    </div>
                </div><!--end col-->

            </div>
        </div>
<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/axios/0.26.0/axios.min.js"></script>

<script>
      var hashsalt = <?php echo $addsalt_js ?>;
        const app = new Vue({
          el: '#app2',
          data: {
            list: '',
            show: false,
            msg: '',
            _Query: './?mod=query&type=0&qq=0&page=1',
            query: '',
            user_val: ''
          },
          created() {
            //得到url参数
            const _URL = new URL(window.location.href)
            // 摘取参数
            const _SEARCH = _URL.search
            const _Query = '?mod=query&type=0&qq=&page=1'
            // 判断参数是否一样
            if (_SEARCH == _Query) {
              // 如果一样 则请求getALLQuery
              this.Query_order('')
            }
          },
          methods: {
            Query_order(_Query) {
                
              $.ajax({
                type: 'POST',
                url: './ajax.php?act=query',
                data: {
                  type: 0,
                  qq: _Query,
                  page: 1
                },
                dataType: 'JSON',
                success: res => {
                    if(res.data.length == ''){
                        layer.msg('没有此订单')
                    }
                  this.list = res.data
                }
              })
            }
          }
        })
      </script>
</script>
</body>
</html>
